<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp"%>

<script type="text/javascript">
$(function(){
	$("#pager").pager({ pagenumber: ${albumPageModel.currentPage}, 
						pagecount: ${albumPageModel.totalPage},
						buttonClickCallback: function(page){
							$("#photoBox").load("albumPage.htm?page="+page);
						} 
	});
});
 
	
</script>

<div class="photos_box" >
	<ul>
		<c:forEach items="${albumPageModel.list}" var="album">
			<li>
				<div class="phots_img">
				<div style="width: 153px;height: 112px;overflow: hidden;text-align: center;">
					<a href="javascript:void(0);" onclick="albumPagePhoto('${album.identifier}')">
						
						<img 
						<c:choose>
							<c:when test="${album.cover!=null && album.cover!=''}">
								src="${album.imageServer}${album.cover}"
							</c:when> 
							<c:otherwise>
								src="images/avatar/album.jpg"
							</c:otherwise>
						</c:choose>
						 alt="相册" /> 
					</a> 
					</div>
					<span>
						<a href="javascript:void(0);" class="phots_imgName"><c:out value="${album.name}"></c:out>(${album.pictureAmount})</a>
						<a href="javascript:void(0);" onclick="albumPageEdit('${album.identifier}')">编辑</a> 
					</span>
				</div>
			</li>
		</c:forEach>
		<div class="clear"></div>
	</ul>
</div>
<div class="h_page" id="pager"></div>
